{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$info.title}{/block}
{block name="head_keword"}{$info.keywords?:$info.title}  {$s_info.name} {/block}
{block name="head_description"}{:get_word(del_html($info['content']),300)}{/block}

{block name="body_content"}
<div class="BigsortBox">
	<div class="BoxIn">
		<ul>
			<ol><div><span>
{php}$menu_choose=config('system_dirname')?config('system_dirname'):'index';{/php}
{volist name="'wap'|get_web_menu" id="rs"}
			<a href="{$rs.url}" {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}>{$rs.name}</a>
{/volist}</span></div></ol>
			<li><span>更多</span></li>
		</ul>
	</div>
</div>
<!--弹出更多导航菜单-->
<div class="MoreSorts">
	<div class="BackBox" onClick="HiddenMoreSorts()"></div>
{volist name="$fid|get_sort=###,'brother'" id="vo"}
<dl {if $fid==$key}class="ck"{/if}>
			<dt><a href="{:urls('index',['fid'=>$key])}">{$vo}</a><span></span></dt>
					{if count(get_sort($key,'name','sons'))>1}
					<dd>
{notempty name=":get_sort($key,'name','sons')"}
			{volist name=":get_sort($key,'name','sons')" id="vs"}
					<a href="{:urls('index',['fid'=>$key])}">{$vs}</a>
			{/volist}				
	{/notempty}
	</dd>
	{/if}
</dl>
			{/volist}
	<div class="exit"><span onClick="HiddenMoreSorts()">关闭</span></div>
</div>
<script type="text/javascript">
<!--
$('.MoreSorts dl dt span').click(function(){
	var thisobj=$(this).parent().parent();
	thisobj.siblings('dl').removeClass('ck');
	if(thisobj.hasClass('ck')){
		thisobj.removeClass('ck');
	}else{
		thisobj.addClass('ck');
	}
});
function HiddenMoreSorts(){
	$('.MoreSorts').fadeOut();
}
$('.BigsortBox .BoxIn ul li').click(function(){
	var scrollTopH=parseInt($(window).scrollTop());
	$('.MoreSorts').css({'top':scrollTopH+'px'});
	$('.MoreSorts').fadeIn();
});
//统计总宽度
//var mysortBoxW=0;
//$('.BigsortBox ul ol div a').each(function(){
	//mysortBoxW+=$(this).width();
//});
var mysortBoxW=$('.BigsortBox ul ol div span').width()+30;
$('.BigsortBox ul ol div').width(mysortBoxW);
var myScroll; 
myScroll = new IScroll('.BigsortBox ul ol', { scrollX: true, scrollY: false, mouseWheel: true,preventDefault: false,preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|LI)$/ } });
//-->
</script>
<link rel="stylesheet" href="__STATIC__/index/default/showpic.css">

<!-- mui图片特效 对应DIV里的mui-content-padded类 图片要加参数 data-preview-src="" data-preview-group="1" -->
<link rel="stylesheet" href="__STATIC__/mui/css/mui.min.css">
<link rel="stylesheet" href="__STATIC__/mui/css/mui.preview.css">
<link rel="stylesheet" href="__STATIC__/index/toutiao/article.css">
<div class="ShowPhotoCont">
<div class="MainInfos" style="padding-bottom:0">
{include file="../cms/content/gz" /}
		<div class="title">{$info.title}</div>
		<div class="infos">
			<span><i class="glyphicon glyphicon-time"></i> {:date("Y-m-d H:i:s",$info.create_time)}</span>
			<span><i class="si si-eye"></i> {$info.view}</span>
			<span onclick="add_fav({$id})"> <li class="fa fa-fw fa-heart"></li>收藏</span>
			<span class="manage_topic"> <li class="fa fa-cogs"></li> 管理</span>
			{include file="index@common/manage_btn" /} 
		</div>
		</div>
	<div class="ContentBox">	
{qb:showpage name="photo_show_pic0"}
	<div class="PhotoBox">
		<div class="BigPic"><span><a href="#"><img src="{$listdb.0.picurl}" data-preview-src="" data-preview-group="1" /></a></span></div>
		<ul class="MorePic">
{volist name="listdb" id="rs"}
			<li><span><a href="#"><img src="{$rs.picurl}" data-preview-src="" data-preview-group="1"/></a></span></li>
{/volist}
		</ul>
	</div>
{/qb:showpage}
		<div class="Cont">
			<i class="glyphicon glyphicon-paperclip"></i>
			{$info.content}
		</div>
	</div>
	<!--引用评论碎片-->
	{qb:comment name="commentwap02" rows='5' tpl="comment/wap01" status="1"}{/qb:comment}
</div>

<!-- mui图片特效 -->
<script src="__STATIC__/mui/js/mui.min.js"></script>
<script src="__STATIC__/mui/js/mui.zoom.js"></script>
<script src="__STATIC__/mui/js/mui.previewimage.js"></script>
<script>mui.previewImage();</script>

<!-- 微动态自动收录用户感兴趣的主题,时间60代表用户停留60秒将自动收藏 -->
{:fun('sns@fav',$info,60,'系统帮你订阅了本主题,下次本主题有回复,将会通知你')}

<script>
$('.PhotoBox img').hover(
	function(){
		$(this).animate({"width":"150%"},300);
	},
	function(){
		$(this).animate({"width":"100%"},300);
	}
);
</script>
<script type="text/javascript">mui('body').on('tap','a',function(){document.location.href=this.href;}); </script>

<!-- 微信分享 -->
{include file="index@share"/}
{/block}